<?xml version="1.0" encoding="ISO-8859-1" ?>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body{
	background-image: url("Castle.jpg");
	background-size: 100% 100%;
	color:white;
	text-align: center;
	font-family: calibri;
	font-size: 150%;
	margin-top:30%;
}
div.Barack{
	margin-left:-40%;
	margin-top: -18.5%;	
}

div.GoldStore{
	margin-left:-76%;
	margin-top:2%;

}
div.BlackSmith{
	margin-left: 49%;
	margin-top:-18%;

}
div.Map{
	margin-top:-5%;
	margin-left: 70%;

}
@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */
img {
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
/* order: name, direction, duration, iteration-count, timing-function */   
-moz-animation:blink normal 2s infinite ease-in-out; /* Firefox */
-webkit-animation:blink normal 2s infinite ease-in-out; /* Webkit */
-ms-animation:blink normal 2s infinite ease-in-out; /* IE */
animation:blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}​
</style>
</head>
<body>
	<div class="Barack">
		<a href="Barack.jsp"><img src="Barack.png" height="20%"
			width="10%"></a>
	</div>
	<div class="GoldStore">
		<a href="GoldMine.jsp"><img src="GoldStore.png" height="43%"
			width="14%"></a>
	</div>
	<div class="BlackSmith" style="float: left">
		<a href="BlackSmith.jsp"><img src="BlackSmith.png" height="16%"
			width="210%"></a>
	</div>

	<div class="Map">
		<a href="Map.jsp"><img src="Arrow.png" height="15%" width="40%" />
	</div>

	<form action="LogoutSerlvet" method="post">
		<input type="submit" value="Logout">
	</form>

</body>
</html>